!function ($) {

    $(function () {
        $(".colorGreen").click(function () {
            $('.well-purple, .well-orange').removeClass('well-purple, well-orange').addClass('well-green');
            $('.navbar-inner-purple, .navbar-inner-orange').removeClass('navbar-inner-purple, navbar-inner-orange').addClass('navbar-inner-green');
            $('.red-music, .yellow-music').removeClass('red-music, yellow-music').addClass('green-music');
            $('.red-playlist, .yellow-playlist').removeClass('red-playlist, yellow-playlist').addClass('green-playlist');
            $('.red-profile, .yellow-profile').removeClass('red-profile, yellow-profile').addClass('green-profile');
            $('.red-friends, .yellow-friends').removeClass('red-friends, yellow-friends').addClass('green-friends');
            $('.red-forum, .yellow-forum').removeClass('red-forum, yellow-forum').addClass('green-forum');
            $('.red-config, .yellow-config').removeClass('red-config, yellow-config').addClass('green-config');
            $('.red-contact, .yellow-contact').removeClass('red-config, yellow-contact').addClass('green-contact');
        });

        $(".colorOrange").click(function () {
            $('.well-purple').removeClass('well-purple').addClass('well-orange');
            $('.well-green').removeClass('well-green').addClass('well-orange');
            $('.navbar-inner-purple').removeClass('navbar-inner-purple').addClass('navbar-inner-orange');
            $('.navbar-inner-green').removeClass('navbar-inner-green').addClass('navbar-inner-orange');
            $('.red-music').removeClass('red-music').addClass('yellow-music');
            $('.red-playlist').removeClass('red-playlist').addClass('yellow-playlist');
            $('.red-profile').removeClass('red-profile').addClass('yellow-profile');
            $('.red-friends').removeClass('red-friends').addClass('yellow-friends');
            $('.red-forum').removeClass('red-forum').addClass('yellow-forum');
            $('.red-config').removeClass('red-config').addClass('yellow-config');
            $('.red-contact').removeClass('red-contact').addClass('yellow-contact');
            $('.green-music').removeClass('green-music').addClass('yellow-music');
            $('.green-playlist').removeClass('green-playlist').addClass('yellow-playlist');
            $('.green-profile').removeClass('green-profile').addClass('yellow-profile');
            $('.green-friends').removeClass('green-friends').addClass('yellow-friends');
            $('.green-forum').removeClass('green-forum').addClass('yellow-forum');
            $('.green-config').removeClass('green-config').addClass('yellow-config');
            $('.green-contact').removeClass('green-contact').addClass('yellow-contact');
        });

        $(".colorPurple").click(function () {
            $('.well-green').removeClass('well-green').addClass('well-purple');
            $('.well-orange').removeClass('well-orange').addClass('well-purple');
            $('.navbar-inner-green').removeClass('navbar-inner-green').addClass('navbar-inner-purple');
            $('.navbar-inner-orange').removeClass('navbar-inner-orange').addClass('navbar-inner-purple');
            $('.green-music').removeClass('green-music').addClass('red-music');
            $('.green-playlist').removeClass('green-playlist').addClass('red-playlist');
            $('.green-profile').removeClass('green-profile').addClass('red-profile');
            $('.green-friends').removeClass('green-friends').addClass('red-friends');
            $('.green-forum').removeClass('green-forum').addClass('red-forum');
            $('.green-config').removeClass('green-config').addClass('red-config');
            $('.green-contact').removeClass('green-contact').addClass('red-contact');
            $('.yellow-music').removeClass('yellow-music').addClass('red-music');
            $('.yellow-playlist').removeClass('yellow-playlist').addClass('red-playlist');
            $('.yellow-profile').removeClass('yellow-profile').addClass('red-profile');
            $('.yellow-friends').removeClass('yellow-friends').addClass('red-friends');
            $('.yellow-forum').removeClass('yellow-forum').addClass('red-forum');
            $('.yellow-config').removeClass('yellow-config').addClass('red-config');
            $('.yellow-contact').removeClass('yellow-contact').addClass('red-contact');
        });

        /*Menu Lateral*/
        $(".topic-01").click(function () {
            $('.topic-01').addClass('active');
            $('.topic-02, .topic-03, .topic-04, .topic-05, .topic-06, .topic-07').removeClass('active');
        });

        $(".topic-02").click(function () {
            $('.topic-02').addClass('active');
            $('.topic-01, .topic-03, .topic-04, .topic-05, .topic-06, .topic-07').removeClass('active');
        });

        $(".topic-03").click(function () {
            $('.topic-03').addClass('active');
            $('.topic-01, .topic-02, .topic-04, .topic-05, .topic-06, .topic-07').removeClass('active');
        });

        $(".topic-04").click(function () {
            $('.topic-04').addClass('active');
            $('.topic-01, .topic-02, .topic-03, .topic-05, .topic-06, .topic-07').removeClass('active');
        });

        $(".topic-05").click(function () {
            $('.topic-05').addClass('active');
            $('.topic-01, .topic-02, .topic-03, .topic-04, .topic-06, .topic-07').removeClass('active');
        });

        $(".topic-06").click(function () {
            $('.topic-06').addClass('active');
            $('.topic-01, .topic-02, .topic-03, .topic-04, .topic-05, .topic-07').removeClass('active');
        });

        $(".topic-07").click(function () {
            $('.topic-07').addClass('active');
            $('.topic-01, .topic-02, .topic-03, .topic-04, .topic-05, .topic-06').removeClass('active');
        });


    })

}(window.jQuery);